//  将来在这里写路由权限, 控制用户可以访问哪些页面
import router from '@/router'
import store from './store'
import NProgress from 'nprogress' // 引入一份进度条插件
import 'nprogress/nprogress.css' // 引入进度条样式

// 配置全局前置守卫
// 定义白名单
const whiteList = ['/login', '/404']
router.beforeEach(async(to, from, next) => {
  NProgress.start()
  // 触发时机：路由组件切换之前触发
  const token = store.getters.token
  // ①登陆过
  if (token) {
    // 1.1 访问login，跳转首页
    if (to.path === '/login') {
      next('/')
    } else {
      // 获取用户信息  最合适
      // store.dispatch('user/getUserInfo') 会重复获取用户信息
      if (!store.getters.userId) {
        // 通过await拿到数据之后再调用next(), 确保了组件加载成功之前拿到数据, 防止页面抖动
        await store.dispatch('user/getUserInfo')
        // 获取员工基本信息
        // await store.dispatch('user/getStaffPhoto', store.getters.userId)
      }
      // 1.2 其他页面， 随便看
      next()
    }
  } else { // ②没有登陆过
    // 2.1 访问白名单, 随便看
    if (whiteList.includes(to.path)) {
      next()
    } else {
      // 2.2 访问的是非白名单(有权限的), 跳登陆
      next('/login')
    }
  }
  NProgress.done()
})
// 配置全局后置守卫
// 触发时机：路由导航最后一个触发的钩子函数(相同的路由跳转不会触发)
// router.afterEach((to, from) => {
//   NProgress.done()
// })
